.container {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}
.list {
  display: flex;
  padding-top: 20px;
  border-top: 2px solid rgba(24, 160, 251, 0.3);
  > div + div {
    margin-left: 16px;
  }
  &_item {
    position: relative;
    padding: 8px 12px;
    background: rgba(7, 30, 54, 0.5);
    border: 1px solid #0c5185;
    border-radius: 4px;
    .index {
      position: absolute;
      top: -32px;
      left: 0;
      width: 24px;
      height: 24px;
      color: rgba(255, 255, 255, 0.9);
      font-weight: 600;
      font-size: 16px;
      line-height: 24px;
      text-align: center;
      background: linear-gradient(180deg, #2651ff 0%, #2c8ef3 100%);
      border-radius: 50%;
    }
    .title {
      color: rgba(255, 255, 255, 0.9);
      font-weight: 500;
      font-size: 16px;
      line-height: 24px;
    }
    .value {
      font-weight: 500;
      font-size: 12px;
      line-height: 20px;
    }
  }
}
